<template>
  <div class="box">
    <div class="div1">
      <div class="active">项目统计</div>
      <div class="div11">
        <span>进行中</span>
        <span>28个</span>
      </div>
      <div class="div11">
        <span>延期</span>
        <span>2个</span>
      </div>
      <div class="div11">
        <span>已完成</span>
        <span>12个</span>
      </div>
    </div>
    <div class="div2">
      <div class="active">费用管理</div>
      <div class="div11">
        <span>本周报销费用</span>
        <span>56789.00</span>
      </div>
      <div class="div11">
        <span>未报销费用</span>
        <span>12345.00</span>
      </div>
    </div>
    <div class="div3">
      <div class="active">订餐管理</div>
      <div class="div11">
        <span>今日订餐人数</span>
        <span>7人</span>
      </div>
      <div class="div11">
        <span>今日订餐成本</span>
        <span>267.00</span>
      </div>
    </div>
    <div class="div4">
      <div class="active">合同管理</div>
      <div class="div11">
        <span>即将到期</span>
        <span>2个</span>
      </div>
      <div class="div11">
        <span>已建合同</span>
        <span>128个</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.box > div {
  width: 343px;
  height: 145px;
  background-color: rgba(242, 242, 242, 1);
}
.div1 {
  position: absolute;
  left: 25px;
  top: 151px;
  padding-top: 10px;
}
.div2 {
  position: absolute;
  left: 500px;
  top: 151px;
  padding-top: 30px;
}
.div3 {
  position: absolute;
  left: 25px;
  top: 400px;
  padding-top: 30px;
}
.div4 {
  position: absolute;
  left: 500px;
  top: 400px;
  padding-top: 30px;
}
.active{
  width: 113px;
    height: 37px;
    background: inherit;
    background-color: rgba(204, 0, 0, 0.8);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px;
    left: 10px;
    
}
.div11{
  display: flex;
  justify-content: space-between;
  margin: 20px 20px;
  font-size: 13px;
}

</style>